<template>
  <div class="job-item">
    <div class="flex justify-between items-center">
      <div class="text-4xl flex items-center">
        <img
          class="w-16 h-16 rounded-1 mr-4"
          src="../assets/img/icon@3x (4).png"
          alt=""
        />
        万峰互联
      </div>
      <i class="iconfont icon-bookmark-o"></i>
    </div>
    <h3 class="text-5xl mt-10">前端开发工程师</h3>
    <p class="text-4xl mt-6 mb-6">重庆·九龙坡</p>
    <p class="text-4xl text-orange-400">8K/月</p>
    <div class="mt-8">
      <i class="iconfont icon-renqun mr-4"></i>
      80
      <i class="iconfont icon-browse mr-4 ml-8"></i>
      100
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.job-item {
  width: 28.4rem;
  height: 23.2rem;
  padding: 3rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(238, 238, 238, 1);
  /* border: 0.2rem solid red; */
  margin-bottom: 2rem;
}
</style>
